<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>预约成功</title>
  <!-- 引入 Tailwind CSS -->
  <script src="https://cdn.tailwindcss.com"></script>
  <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
  <script>
    tailwind.config = {
      theme: {
        extend: {
          colors: {
            primary: '#3B82F6',
            secondary: '#10B981'
          }
        }
      }
    }
  </script>
</head>
<body class="bg-gray-50 min-h-screen flex items-center justify-center">
  <div class="bg-white rounded-xl shadow-md p-8 max-w-md w-full text-center">
    <div class="mb-6">
      <i class="fa fa-check-circle text-6xl text-secondary mb-4"></i>
      <h1 class="text-3xl font-bold text-gray-800 mb-2">预约成功！</h1>
      <p class="text-gray-600">您的预约已经提交成功，我们会尽快处理。</p>
    </div>
    <a href="user-index" class="inline-block bg-primary hover:bg-primary/90 text-white px-6 py-3 rounded-lg transition">
      <i class="fa fa-arrow-left mr-2"></i>返回预约页面
    </a>
  </div>
</body>
</html>